
const $primary = '#ffb910';
const $important = '#ff442b';
const $bg = 'rgb(242,242,242)';
const $gray = '#ddd';

const $marginHorizontal = 12;
const $marginVertical = 10;

export default {
  bg: {
    backgroundColor: $bg,
  },

  primaryColor: {
    color: $primary,
  },
  primaryBg: {
    backgroundColor: $primary,
  },
  importantColor: {
    color: $important,
  },

  titleText: {
    fontSize: 15,
    color: '#333333',
  },
  secondText: {
    fontSize: 15,
    color: '#666',
  },
  normalText: {
    fontSize: 14,
    color: '#999',
  },
  tipsText: {
    fontSize: 15,
    color: '#ccc',
  },

  block: {
    marginBottom: $marginVertical,
    backgroundColor: '#fff',
  },

  row: {
    flexDirection: 'row',
  },
  flex: {
    flex: 1,
  },

  center: {
    textAlign: 'center',
  },
  justifyContentCenter: {
    justifyContent: 'center',
  },
  justifyContentBetween: {
    justifyContent: 'space-between',
  },
  alignItemsCenter: {
    alignItems: 'center',
  },
  alignItemsEnd: {
    alignItems: 'flex-end',
  },

  marginHorizontal: {
    marginHorizontal: $marginHorizontal,
  },
  marginVertical: {
    marginVertical: $marginVertical,
  },
  paddingHorizontal: {
    paddingHorizontal: $marginHorizontal,
  },
  paddingVertical: {
    paddingVertical: $marginVertical,
  },
  paddingVertical2: {
    paddingVertical: $marginVertical * 2,
  },

  onePXborderTop: {
    borderTopWidth: 1,
    borderColor: $gray,
  },

  modalBg: {
    flex: 1,
    backgroundColor: 'rgba(0,0,0,0.5)',
  },
};
